<template>
	<view class="body">
		
	<!-- 	<view class="bg"></view> -->
		<view class="item item1" @click="jump_to_next('img2img_clay_style','img2img_clay_style_3d')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/niantu.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">丑萌粘土</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_disney_3d_style')">
			<image  src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/3Dfeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">3D风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_pastel_boys_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/xieshifeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">写实风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_pastel_boys_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/tianshifeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">天使风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_cartoon_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/dongmanfeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">动漫风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_makoto_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/rimanfeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">日漫风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_rev_animated_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/gongzhufeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">公主风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_blueline_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/menghuanfeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">梦幻风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_water_ink_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/shuimofeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">水墨风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('i2i_ai_create_monet')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/xinmolai.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">新莫奈花园</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_water_paint_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/shuicaifeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">水彩风</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_comic_style','img2img_comic_style_monet')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/monaifeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">莫奈花园</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_comic_style','img2img_comic_style_marvel')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/meimanfeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">精致美漫</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_comic_style','img2img_comic_style_future')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/jixiefeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">赛博机械</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_exquisite_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/hanman.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">精致韩漫</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>

		<view class="item" @click="jump_to_next('img2img_pretty_style','img2img_pretty_style_ink')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/guofengshuimofeng.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">国风-水墨</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_pretty_style','img2img_pretty_style_light')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/langmanguangying.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">浪漫光影</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_ceramics_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/ciwawa.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">陶瓷娃娃</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>

		<view class="item" @click="jump_to_next('img2img_chinese_style')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/zhongguohong.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">中国红</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_clay_style','img2img_clay_style_bubble')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/keaiwanou.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">可爱玩偶</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_3d_style','img2img_3d_style_era')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/3dyouxi.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">3D游戏-Z时代</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_3d_style','img2img_3d_style_movie')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/donghuadianyin.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">动画电影</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		<view class="item" @click="jump_to_next('img2img_3d_style','img2img_3d_style_doll')">
			<image src="https://sm.2sxzw.com/mgmg/jiabin01/Imagestyle/wanou.jpeg" mode="aspectFill" class="item-image"></image>
			<view class="item-bottom">
				<text class="bottom-1">玩偶</text>
				<text class="bottom-2">使用</text>
			</view>
		</view>
		
	</view>

	<!-- 	<view style="display: flex;flex-direction: column;align-items: center;">
		<button @click="jump_to_next('img2img_clay_style','img2img_clay_style_3d')">丑萌粘土</button>
		<button @click="jump_to_next('img2img_disney_3d_style')">3D风</button>
		<button @click="jump_to_next('img2img_real_mix_style')">写实风</button>
	</view> -->
</template>

<script>
	import {
		ImageStyle
	} from '@/src/api/huanlian.js';
	export default {
		data() {
			return {

			}
		},
		methods: {
			jump_to_next(req_key, sub_req_key = null) {
				uni.navigateTo({
					url: `/src/pages/Ability/ImageStyle/ImageStyle/ImageStyle?req_key=${req_key}&sub_req_key=${sub_req_key}`
				});
			}
		}
	}
</script>

<style lang="scss">
	@import "ImageStyleList.scss";
</style>